<script type="text/javascript">
{literal}
	$(document).ready(function(){
		$('#event_list_tbl tbody tr:even').toggleClass('alt');
	});
{/literal}
</script>
	<table id="event_list_tbl" cellspacing="0" cellpadding="0" class="grid" width="720px">
	<caption><h3>{translate}WORKING CALENDARS{/translate}</h3></caption>
	<thead>
		<tr>
			<th class='first' width='160px'>{translate}Name{/translate}</th>
			<th width='180px'>{translate}Description{/translate}</th>
			<th width='103px'>{translate}Start date{/translate}</th>
			<th width='105px'>{translate}End date{/translate}</th>
			<th width='67px'>{translate}Time{/translate}/th>
			<th width='64px' class='last'>{translate}Act{/translate}</th>
		</tr>
	<tbody>
	{foreach from=$event_list item=event}
		<tr>
			<td class='first'><a title="{translate}Sửa Lịch làm việc{/translate}" href="javascript:createEvent({$event.calendar_event_id});">{$event.name}</a></td>
			<td>{$event.description}&nbsp;</td>
			<td>{$event.start_date}</td>
			<td>{$event.end_date}</td>
			<td>{$event.start_time} - {$event.end_time}</td>
			<td align='center' class='last' >
				<a href='javascript:deleteEvent({$event.calendar_event_id});'>{translate}Delete{/translate}</a>
			</td>
		</tr>
	{/foreach}
	</tbody>
	</table>
	